<template>
  <div>
    <h3>我是Son1组件</h3>
  </div>
</template>

<!-- 使用 <script setup> 的组件是默认关闭的，组件实例使用不到顶层的数据和函数。 -->
<!-- 需要配合 defineExpose 暴露给组件实例使用，暴露的响应式数据会自动解除响应式。 -->
<script setup>
import { ref } from "vue";

const count = ref(0);
const sayHello = () => {
  console.log("我是son1中的方法~");
};

// 暴露属性给外部组件使用
defineExpose({ count, sayHello });
</script>

<style lang="scss" scoped>
</style>